<%--
  Created by IntelliJ IDEA.
  User: lenovo
  Date: 2024-02-03
  Time: 15:51
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
<div class="kecheng-list">

    <!--  课程-->
    <div class="kecheng">
        <p class="name">java课程</p>
        <!--    章节-->
        <div class="zhangjie">
            <p class="name">第一章</p>
            <!--      知识点列表-->
            <div class="zhishidian-list">
                <p>
                    <span>第1个知识点</span>
                    <span>进度条</span>
                    <a href="#">进入测试</a>
                </p>
                <p>第2个知识点</p>
                <p>第3个知识点</p>
                <p>第4个知识点</p>
            </div>
        </div>
    </div>

</div>
<script src="../bootstrap/js/jquery-3.2.1.min.js"></script>
<script>
    $(function (){
        $('.kecheng-list>.kecheng>.name').on('click',function (){
            $(this).nextAll('.zhangjie').slideToggle();
        })
        $('.kecheng-list>.kecheng>.zhangjie>.name').on('click',function (){
            $(this).next('.zhishidian-list').slideToggle();
        })
    })
</script>
</body>
</html>
